<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script type="text/javascript" src="laydate/laydate.js"></script>
    <script>
        //常规用法
        laydate.render({
            //显示在intpu
            elem: '#date'
        });
    //    带节日用法
        //开启公历节日
        laydate.render({
            elem: '#date2'
            ,calendar: true
        });
        //自定义重要日
        laydate.render({
            elem: '#test18'
            ,mark: {
                '0-10-14': '生日'
                ,'0-12-31': '跨年' //每年的日期
                ,'0-0-10': '工资' //每月某天
                ,'0-0-15': '月中'
                ,'2017-8-15': '' //如果为空字符，则默认显示数字+徽章
                ,'2099-10-14': '呵呵'
            }
            ,done: function(value, date){
                if(date.year === 2017 && date.month === 8 && date.date === 15){ //点击2017年8月15日，弹出提示语
                    alert('这一天是：中国人民抗日战争胜利72周年');
                }
            }
        });
    </script>
</head>
<body>
<br><br>
<input type="text" id="date" cols="30" rows="10"></input>
<input type="text" id="date2" cols="30" rows="10"></input>
</body>
